<template>
    <div class="banxin bg">
        <Title />
        <Lists :AllInfo="gedanInfo"/>
        <!-- <Pagination /> -->
    </div>
</template>

<script>
import Title from '@/components/gedan/Title.vue';
import Pagination from '@/components/Pagination/index.vue'
import Lists from '@/components/gedan/Lists.vue';
import { Gedan } from '@/request/api';
export default {
    data () {
        return {
            gedanInfo:[]
        }
    },
    created(){
        Gedan().then(res =>{
            console.log(res);
            
            this.gedanInfo = res.data.playlists
        })
    },
    components:{
        Lists,
        Pagination,
        Title
    }
}
</script>
 
<style lang = "less" scoped>
    @import "../assets/base.less";
    .bg{
        background-color: #f5f5f5;
    }
</style>